<template>
    <div>
        <goods-list :list="list"></goods-list>
        <load-more @load="loadMore">
            <template v-if="ifMore"><img src="../../images/loading.gif" alt="加载中" width="150"></template>
            <template v-else>没有更多</template>
        </load-more>
    </div>
</template>
<script>
var loadMore=require('./loadMore.vue');
var listCore=require('./list/list-core');
var goodsList=require('./goods.vue');
module.exports={
    components:{
        loadMore:loadMore,
        goodsList:goodsList,
    },
    mixins:[listCore],
    data:function () {
        return{
            request: function (params, status) {
                var item = $.extend({}, params, status);
                return JxSdk.user.getCollect(item.page);
            },
        }
    },
    watch:{
        list:{
            handler:function () {
                this.$emit('updata',this.breviary.total);
            },
            deep:true,
        }
    },
    methods:{
        loadMore:function () {//滚动刷新
            this.loadNextPage();
        },
    },
    mounted:function () {

    }
}
</script>